<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页tab选项卡</title>
		<link rel="stylesheet" type="text/css" href="../css/webtab.css"/>
		<script type="text/javascript" src="../js/jquery-produce-3.1.0.min.js"></script>
	    <script type="text/javascript" src="../js/webtab.js"></script>
	</head>
	<body style="margin: 60px;">
		<div class="js-tab tabmian">
			<div class="tit" id="tit">
				<ul class="tit-list">
					<li class="list-item">重要通知</li>
					<li class="list-item">慈善事业</li>
					<li class="list-item">娱乐新闻</li>
					<li class="list-item">考试动态</li>
				</ul>
			</div>
			
			<div class="js-tab-con tabcon" style="display: block;">
				<ul class="con-list">
					<li class="list-item"><span>[天气]</span>星期一天气晴</li>
					<li class="list-item"><span>[天气]</span>星期二天气阴</li>
					<li class="list-item"><span>[天气]</span>星期三天气晴</li>
					<li class="list-item"><span>[天气]</span>星期四天气阴</li>
				</ul>
			</div>
			<div class="js-tab-con tabcon" style="display: none;">
				<ul class="con-list">
					<li class="list-item"><span>[捐钱]</span>王五捐款200000元</li>
					<li class="list-item"><span>[捐书]</span>张三捐书1000本</li>
					<li class="list-item"><span>[捐衣服]</span>李四捐衣服100套</li>
					<li class="list-item"><span>[捐钱]</span>李二捐钱100000元</li>
				</ul>
			</div>
			<div class="js-tab-con tabcon" style="display: none;">
				<ul class="con-list">
					<li class="list-item"><span>[八卦]</span>告别锋柏恋</li>
					<li class="list-item"><span>[八卦]</span>林心如新婚</li>
					<li class="list-item"><span>[八卦]</span>锋菲恋心进展</li>
					<li class="list-item"><span>[电视剧]</span>好先生已经上映</li>
				</ul>
			</div>
			<div class="js-tab-con tabcon" style="display: none;">
				<ul class="con-list">
					<li class="list-item"><span>[执业药师]</span>执业药师考试已经开始报名</li>
					<li class="list-item"><span>[建筑]</span>一级建筑师已经开始报名</li>
					<li class="list-item"><span>[公务员]</span>公务员考试分数查询</li>
					<li class="list-item"><span>[村官]</span>村官考试已经结束</li>
				</ul>
			</div>
		</div>
		
		<script>
			
			TabOption.init($(".js-tab"));
			
		</script>
	</body>
</html>
